
<template>
    <el-row :style="mainheight+';display: flex;flex-direction: column;align-items: center;justify-content: center;'">
<!--       <img  src="../assets/404.png" height="140" width="344"/>
 -->    
        <span style="font-size:9.375rem;color: #E6A23C;font-family: 微软雅黑;font-weight: 900;">404</span>
        <span style="color: darkgray;margin-bottom: 1.875rem;">页面消失不见了..</span>
       <div>
           <el-button  type="warning" @click="tohome" >返回首页</el-button><el-button @click="tolast" type="warning">返回上页</el-button>
       </div>
    </el-row>

</template>

<script>
  export default {
    data() {
        var height = document.documentElement.clientHeight;
        return {
            height: "height:" + height + "px",
            mainheight: "height:" + (height - 100) + "px",
        }
    },

    methods: {
      tohome(){
          this.$router.push({
              name: 'Home'
          })
      },
      tolast(){
          this.$router.back()
      }
    }
  }
</script>

<style>
</style>
